@media only screen and ( min-width: 769px ) {
	header .entry-meta {
		clear: both;
	}
	#masthead,
	#main,
	#colophon {
		width: 600px;
		margin: 0 auto;
	}
	#nav-below {
		width: 30%;
	}
	.entry-title {
		clear: both;
		width: 100%;
	}
	.post .post-format-indicator,
	.page .post-format-indicator {
		margin-top: -10px;
		position: absolute;
			left: -80px;
	}
	.site-info {
		width: 70%;
	}
}

@media only screen and ( min-width: 320px ) and ( max-width: 768px ) {
	header .entry-meta {
		clear: left;
		float: left;
	}
	#masthead,
	#main,
	#colophon {
		width: 100%;
		margin: 0 auto;
	}
	#nav-below {
		padding: 0 0 0 20px;
		width: 25%;
	}
	.entry-content {
		clear: both;
	}
	.entry-title {
		clear: none;
		float: left;
		max-width: 75%;
	}
	.post .post-format-indicator,
	.page .post-format-indicator {
		float: right;
		margin: 0 0 20px 0;
		position: relative;
			left: auto;
	}
	.site-info {
		padding: 0 20px 0 0;
		width: 60%;
	}
	.site-title,
	.site-description {
		padding: 0 20px;
	}
	#main img {
		max-width: 100%;
	}
}